.main {
	display: flex;
	flex-direction: column;
	overflow: auto !important;
	background-color: var(--color-bg-2);
}
.content {
	flex: 1 0 0;
	margin: 0 1.5rem;
	padding: 1.25rem 1.5rem;
	background-color: var(--color-bg);
	border-radius: 2px;
	.cont {
		.overview {
			overflow: hidden;

			.stats {
				min-width: 100%;
			}

			.label-overview {
				display: flex;
				justify-content: space-between;

				.last-update-time {
					color: #999ea8;
					font-weight: normal;
					font-size: var(--text-md);
				}
			}

			.pane {
				padding-top: 1rem;
			}

			:global {
				.rc-tabs-nav {
					padding-left: 0 !important;
				}
			}
		}
	}
}
.monitor-counts {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: space-around;
	border: 1px solid #e7eaef;
	height: 10rem;
	border: 1px solid var(--color-border-3);
	border-radius: 4px;
	.item {
		display: flex;
		align-items: center;
		width: 11.25rem;

		/* padding: 0 1rem; */
		white-space: nowrap;

		.icon {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 3.5rem;
			height: 3.5rem;
			border-radius: 50%;

			&.asset {
				color: var(--color-primary);
			}

			&.total {
				color: var(--color-error);
			}

			&.today {
				color: var(--color-warning);
			}
		}

		.text {
			margin-left: 0.5rem;

			.counts {
				font-weight: 500;
				font-size: var(--text-xxl);
			}

			.label {
				margin-top: 2px;
			}
		}
	}
}
.status-box {
	position: relative;
	display: flex;
	flex: 2;
	height: 10rem;
	margin-bottom: 1.5rem;
	padding: 24px 72px;
	box-sizing: border-box;
	justify-content: space-between;
	border: 1px solid var(--color-border-3);
	border-radius: 4px;
	.item {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		&:last-child {
			margin-right: 0;
		}
		.countsr {
			font-weight: 500;
			font-size: var(--text-xxl);
		}
		.label {
			display: flex;
			align-items: center;
			margin-top: 2px;
			.textCor {
				display: inline-block;
				margin-left: 0.5rem;
			}
		}
	}
}
.vam {
	vertical-align: middle;
}

.ml10 {
	margin-left: 10px;
}

.tac {
	text-align: center;
}
.ml5 {
	margin-left: 5px;
}
.num-cor {
	color: #2b2c32;
	font-weight: normal;
}
.df {
	display: flex;
}
.aic {
	align-items: center;
}
.p20 {
	padding: 20px 20px 0 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.oper {
	color: var(--color-5) !important;
	vertical-align: middle;
	cursor: pointer;
	a {
		color: var(--color-5) !important;
	}
}
.vatt {
	vertical-align: text-bottom;
}
.successerror {
	color: #11ab4e;
}
.errorcolor {
	color: #f04038;
}
.w500 {
	width: 650px !important;
	.dialog-header {
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		height: 60px;
		border-bottom: 1px solid #cbd1da;
		.dialog-title,
		h4 {
			padding: 20px;
			color: var(--color-text-0);
			font-size: var(--text-md);
			line-height: 21px;
		}
		.close-dialog-btn {
			display: inline-block;
			padding: 10px 20px;
			color: #cbd1da;
			font-size: 1.5rem;
			cursor: pointer;
		}
	}
}
.pl20 {
	padding-left: 20px;
}
.w300 {
	width: 400px !important;
}
.pr {
	position: relative;
}
.tac {
	text-align: center;
}
.mb10 {
	margin-bottom: 10px;
}
.icons {
	position: absolute;
	top: 85px;
	right: 50px;
}
.texts {
	margin-left: 27.5rem;
	color: #faaf2b;
	font-size: 12px;
	.maincolor {
		color: var(--color-5);
	}
}
.chat {
	flex: 1;
	height: 160px;
	margin-left: 10px;
	border: 1px solid #e7eaef;
}
.select {
	color: #ced0d5 !important;
}
.mb1_5{
	margin-bottom: 1.5rem;
}
.mt1r{
	margin-bottom: 1rem;
}
